<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@include file="../WEB-INF/jspf/controlesessao.jspf"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Lista Turmas</title>
        <script type="text/javascript" src="../js/jquery.js" ></script>
        <script type="text/javascript" src="../js/jquery.validate.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.2.custom.min.js" ></script>
        <script type="text/javascript" src="../js/jquery.ui.datepicker-pt-BR.js" ></script>
        <script type="text/javascript" src="../js/jquery.tablescroll.js"></script>
        <script type="text/javascript" src="../js/forms.js"></script>
        <script type="text/javascript" src="../js/alocacao.js"></script>
        <link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.2.custom.css">
        <link rel="stylesheet" href="../css/forms.css">
    </head>
    <script>
        $(function() {
            $("#procurar").button();
            $("#procurar").click(function(){
                $("#form").submit();

            });
        });

        $(function() {
            var dates = $('#data_inicio, #data_fim').datepicker({
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 3,
                onSelect: function(selectedDate) {
                    var option = this.id == "data_inicio" ? "minDate" : "maxDate";
                    var instance = $(this).data("datepicker");
                    var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
                    dates.not(this).datepicker("option", option, date);
                }
            });
        });
    </script>
    <body>
        <div id="formulario">
            <h1>Pesquisa de Turmas para alocação</h1>
            <form name="form" id="form" method="post" action="fm_lista_Alocacoes.jsp">
                <p><label class="lbInput">Área<em>*</em></label>
                    <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                        SELECT  *
                        FROM areas
                        order by desc_area
                    </sql:query>
                    <select name="id_area" onchange="submit()">
                        <option value="">Selecione uma opção</option>
                        <c:forEach var="row" items="${query.rows}">
                            <option value="${row.id_area}" ${row.id_area==param.id_area?'selected':''}>${row.desc_area}</option>
                        </c:forEach>
                    </select>
                </p>
                <p><label class="lbInput">Modalidade<em>*</em></label>
                    <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                        SELECT  *
                        FROM tipoCursos
                        order by desc_tipocurso
                    </sql:query>
                    <select name="id_tipocurso" onchange="submit()">
                        <option value="">Selecione uma opção</option>
                        <c:forEach var="row" items="${query.rows}">
                            <option value="${row.id_tipocurso}" ${row.id_tipocurso==param.id_tipocurso?'selected':''}>${row.desc_tipocurso}</option>
                        </c:forEach>
                    </select>
                </p>
                <p>
                    <div id="cursos">
                        <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            select Cursos.*, desc_tipocurso
                            from Cursos
                            inner join TipoCursos on Cursos.id_tipocurso=TipoCursos.id_tipocurso
                            where id_area=?
                            and Cursos.id_tipocurso=?
                            order by nome_curso
                            <sql:param value="${param.id_area}"/>
                            <sql:param value="${param.id_tipocurso}"/>
                        </sql:query>
                        <c:choose>
                            <c:when test="${!empty query.rows}">
                                <label class="lbInput">Cursos<em>*</em></label>
                                <select id="id_curso" name="id_curso" class="required" onchange="submit()">
                                    <option value="">Selecione um curso</option>
                                    <c:forEach var="row" items="${query.rows}">
                                        <option value="${row.id_curso}" ${row.id_curso==param.id_curso?'selected':''}>${row.nome_curso} - ${row.codigo_curso} -  ${row.carga_horaria}h</option>
                                    </c:forEach>
                                </select>
                            </c:when>
                            <c:otherwise>
                                <p style="font-size: 12pt; color: red">Nenhum curso encontrado.</p>
                            </c:otherwise>
                        </c:choose>
                    </div>
                </p>
                <p><label class="lbInput">Unidade<em>*</em></label>
                    <sql:query var="queryUnidade" dataSource="jdbc/dbo_MicrosoftSQLServer">
                        SELECT  * FROM Unidades
                    </sql:query>
                    <select name="id_unidade">
                        <option value="">Selecione um valor</option>
                        <c:forEach var="unidade" items="${queryUnidade.rows}">
                            <option value="${unidade.id_unidade}">${unidade.desc_unidade}</option>
                        </c:forEach>
                    </select>
                </p>
                <p><label class="lbInput">Período</label>
                    <input type="text" id="data_inicio" name="data_inicio" size="12" value="${param.data_inicio}" maxlength="12" class="required">
                    <label class="lbInput">a</label>
                    <input type="text" id="data_fim" name="data_fim" size="12" maxlength="12" value="${param.data_fim}" class="required">
                </p>
                <p><label class="lbInput">Cód. Turma</label>
                    <input type="text" id="id_turma" name="id_turma" value="${param.id_turma}">
                </p>
            <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
            <br>
            <button id="procurar">Procurar</button>
            <br>
            <div class="legenda" title="Legenda para turmas">
                <b>Legenda</b>
                <form method="post" >
                    <input name="situacao_turma" value="A" type="hidden">
                    <img class="imagem_link" src="/sgd/imagens/verde.png" title="Turmas cadastradas" onclick="submit()">
                    Cadastradas
                <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
                <form method="post" >
                    <input name="situacao_turma" value="D" type="hidden">
                    <img class="imagem_link" src="/sgd/imagens/amarelo.png" title="Turmas Aguardando Docente" onclick="submit()">
                    Aguardando Docente
                <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
                <form method="post" >
                    <input name="situacao_turma" value="R" type="hidden">
                    <img class="imagem_link" src="/sgd/imagens/azul.png" title="Turmas liberadas para cadastro" onclick="submit()">
                    Liberadas para cadastro
                <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
                <form method="post">
                    <input name="situacao_turma" value="F" type="hidden">
                    <img class="imagem_link" src="/sgd/imagens/preto.png" title="Turmas Finalizadas" onclick="submit()">
                    Finalizadas
                <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
                <form method="post" >
                    <input name="situacao_turma" value="G" type="hidden">
                    <img class="imagem_link" src="/sgd/imagens/vermelho.png" title="Turmas aguardando liberação do gestor" onclick="submit()">
                    Aguardando Validação
                <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
                <form method="post" >
                    <input name="situacao_turma" value="C" type="hidden">
                    <img class="imagem_link" src="/sgd/imagens/roxo.png" title="Turmas canceladas" onclick="submit()">
                    Canceladas
                <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
            </div>
            <br>
            <div id="turmas">
                <c:if test="${pageContext.request.method=='POST'}">
                    <fmt:parseDate var="data_inicio" value="${param.data_inicio}" pattern="dd/MM/yyyy"/>
                    <fmt:parseDate var="data_fim" value="${param.data_fim}" pattern="dd/MM/yyyy"/>

                    <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                        SELECT  a.*,
                        nome_curso,
                        desc_turno,
                        desc_unidade
                        FROM turmas a
                        inner join cursos c on a.id_curso=c.id_curso
                        inner join turnos t on t.id_turno=a.id_turno
                        inner join unidades u on u.id_unidade=a.id_unidade
                        where 1=1
                        <c:if test="${!empty param.id_curso}">
                            and c.id_curso=?
                            <sql:param value="${param.id_curso}"/>
                        </c:if>
                        <c:if test="${!empty data_inicio}">
                            and inicio_turma>=?
                            <sql:dateParam value="${data_inicio}"/>
                        </c:if>
                        <c:if test="${!empty data_fim}">
                            and fim_turma<=?
                            <sql:dateParam value="${data_fim}"/>
                        </c:if>
                        <c:if test="${!empty param.id_turma}">
                            and (id_turma=? or codigo_turma=?)
                            <sql:param value="${param.id_turma}"/>
                            <sql:param value="${param.id_turma}"/>
                        </c:if>
                        <c:if test="${!empty param.situacao_turma}">
                            and situacao_turma=?
                            <sql:param value="${param.situacao_turma}"/>
                        </c:if>
                    </sql:query>
                    <table class="tablescroll" id="tab"  cellspacing="0" cellpadding="0" width="100%">
                        <thead>
                            <th>Situação</th>
                            <th>Turma</th>
                            <th>Código GE</th>
                            <th>Curso</th>
                            <th>Unidade</th>
                            <th>Turno</th>
                            <th>Início</th>
                            <th>Fim</th>
                        </thead>
                        <tfoot>
                            <tr>
                                <td colspan="9">
                                    ${query.rowCount} registros encontrados
                                </td>
                            </tr>
                        </tfoot>
                        <tbody>
                            <c:forEach var="row" items="${query.rows}">
                                <fmt:formatDate var="data_inicio" value="${row.inicio_turma}" pattern="dd/MM/yyyy"/>
                                <fmt:formatDate var="data_fim" value="${row.fim_turma}" pattern="dd/MM/yyyy"/>
                                <tr>
                                    <td>
                                        <c:choose>
                                            <c:when test="${row.situacao_turma=='A'}">
                                                <img src="/sgd/imagens/verde.png">
                                            </c:when>
                                            <c:when test="${row.situacao_turma=='D'}">
                                                <a href="../Alocacoes/alocacao_grid.jsp?token=${sessionScope.token}&id_turma=${row.id_turma}"><img src="/sgd/imagens/amarelo.png"></a>
                                            </c:when>
                                            <c:when test="${row.situacao_turma=='R' || row.situacao_turma=='L'}">
                                                <a href="../Alocacoes/alocacao_grid.jsp?token=${sessionScope.token}&id_turma=${row.id_turma}">
                                                    <img src="/sgd/imagens/azul.png"
                                                         alt="Mostra a turma para finalização"
                                                         title="Mostra a turma para finalização">
                                                </a>
                                            </c:when>
                                            <c:when test="${row.situacao_turma=='F'}">
                                                <img src="/sgd/imagens/preto.png">
                                            </c:when>
                                            <c:when test="${row.situacao_turma=='G'}">
                                                <img src="/sgd/imagens/vermelho.png">
                                            </c:when>
                                            <c:when test="${row.situacao_turma=='C'}">
                                                <img src="/sgd/imagens/roxo.png">
                                            </c:when>
                                        </c:choose>
                                    </td>
                                    <td><fmt:formatNumber pattern="000000" value="${row.id_turma}"/>
                                    </td>
                                    <td>${row.codigo_turma}<br></td>
                                    <td>${row.nome_curso}</td>
                                    <td>${row.desc_unidade}</td>
                                    <td>${row.desc_turno}</td>
                                    <td>${data_inicio}</td>
                                    <td>${data_fim}</td>
                                </tr>
                            </c:forEach>
                        </tbody>

                    </table>
                </c:if>
            </div>
        </div>
    </body>
</html>
